<!-- Main content -->
<section class="" ng-init="getSingle()">

    <form ng-class="{'submitted': submitted}" ng-submit="save()" ng-if="activedData">

        <div class="row">
            <div class="col-md-8">
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1"><i class="fas fa-folder"></i></span>
                    </div>
                    <select class="btn custom-select" ng-model="activedData.folderType">
                        <option ng-repeat="item in folderTypes track by $index" ng-value="item">{{item}}
                        </option>
                    </select>
                    <input type="text" class="form-control" ng-model="activedData.fileName">
                </div>
            </div>
            <div class="col-md-4">
                <actions back-url="referrerUrl"></actions>
            </div>
            <div class="col-md-12">
                <tabs-v select-callback="selectPane(pane)">
                    <pane-v header="Razor Template">
                        <monaco-editor is-visible="activedPane.title == 'Razor Template'" content="activedData.content">
                        </monaco-editor>
                    </pane-v>
                    <pane-v header="Scripts">
                        <monaco-editor is-visible="activedPane.title == 'Scripts'" content="activedData.scripts"
                            default-content="'<script>\n\n</script>'"></monaco-editor>
                    </pane-v>
                    <pane-v header="Styles">
                        <monaco-editor is-visible="activedPane.title == 'Styles'" content="activedData.styles"
                            default-content="'<style>\n\n</style>'">
                        </monaco-editor>
                    </pane-v>
                </tabs-v>
            </div>
        </div>
    </form>
</section>
<!-- /.content -->